<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>缴费项目修改</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="css/main.css" media="all">
<style>
.imgs {
	display: none;
}
</style>

</head>
<body>

	<div class="x-body">
		<form class="layui-form layui-form-pane"
			action="${pageContext.request.contextPath}/PayTypeServlet"
			method="post" id="update-form">
			<input type="hidden" name="op" id="op" value="update">
			<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">


				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">


						<div class="layui-form-item">
							<label class="layui-form-label"> <span class='x-red'>*</span>项目编号
							</label>
							<div class="layui-input-block">
								<input type="text" name="typeId" autocomplete="off"
									class="layui-input" readonly="readonly" value="">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"> <span class='x-red'>*</span>项目名称
							</label>
							<div class="layui-input-block">
								<input type="text" name="typeName" autocomplete="off"
									class="layui-input"  value="">
							</div>
						</div>





						<div class="layui-form-item">
							<button class="layui-btn" id="updateBtn" type="submit">
								保存</button>
						</div>
						<!--</form>-->
						<div style="height: 100px;"></div>
					</div>



				</div>

			</div>
		</form>
	</div>
	<script src="lib/layui/layui.js" charset="utf-8"></script>
	<script src="js/x-layui.js" charset="utf-8"></script>
	<script src="js/jquery.min.js" charset="utf-8"></script>
	<script src="js/jquery-form.js" charset="utf-8"></script>
	<script>
		let typeId = "${param.typeId}";

		$.getJSON("${pageContext.request.contextPath}/PayTypeServlet", {
			op : "findById",
			TypeId : typeId
		}, function(result, status, xhr) {
			//获取商品信息，填充到指定DOM元素上
			let typeId = result.data.typeId;
			let typeName = result.data.typeName;
			
			$("input[name='typeId']").val(typeId);
			$("input[name='typeName']").val(typeName);
			

		});


		//对指定的表单绑定提交事件
		$("#update-form")
				.submit(
						function() {
							//遗留问题，扁担提交之前应该对输入框进行校验，目前我们只是简单必填属性require
							//..
							//使用JQuery.form.js插件方法ajaxSubmit()异步提交表单
							$(this)
									.ajaxSubmit(
											function(result) {//result请求的数据结果
												layui
														.use(
																'layer',
																function() {
																	if (result.status != 0) {
																		//添加商品成功
																		layer
																				.msg(
																						result.message,
																						{
																							icon : 1,
																							time : 5000
																						});
																		//定时器
																		window
																				.setTimeout(
																						function() {
																							//关闭子窗口
																							var index = parent.layer
																									.getFrameIndex(window.name);
																							parent.layer
																									.close(index);
																							//调用首页的查询方法
																							window.parent.type_search_page();
																						},
																						5000);
																	} else {
																		//添加商品出错
																		layer
																				.msg(
																						result.message,
																						{
																							icon : 5,
																							time : 5000
																						});
																	}

																});

											});
							//限制默认的表单提交
							return false;
						});
	</script>

	<script>
		$(function() {
			var username = "xiyuan";
			//var username="惜缘";
			$("input[name='uasername']").val(username);
		})
	</script>
	<script>
		layui.use([ 'laydate', 'element', 'layer', 'form' ], function() {
			$ = layui.jquery;//jquery
			lement = layui.element();//面包导航
			layer = layui.layer;//弹出层
			form = layui.form();
			laydate = layui.laydate;//日期插件
			okLoading.close($);
			form.render();

			//监听提交
			form.on('submit(add)', function(data) {

				var uasername = $("input[name='uasername']").val();
				var device_name = $("input[name='device_name']").val();

				var community_id = $('#community_id option:selected').val();//所属栏目ID
				if (community_id == "") {
					layer.msg('所属小区不能为空', {
						icon : 5,
						time : 2000
					});
					return false;
				}
				if (uasername == "") {
					layer.msg('报修人员不能为空', {
						icon : 5,
						time : 2000
					});
					return false;
				}
				if (device_name == "") {
					layer.msg('设备名称不能为空', {
						icon : 5,
						time : 2000
					});
					return false;
				}
				var data = data.field;
				$.ajax({
					type : "post",
					url : "xxx",
					data : data,
					dataType : "json",
					success : function(data) {
						if (data.status == 1) {
							layer.msg(data.info, {
								icon : 6,
								time : 2000
							}, function() {
								window.parent.location.reload();
								var index = parent.layer
										.getFrameIndex(window.name);
								parent.layer.close(index);
							});
							return false;

						} else {
							layer.msg(data.info, {
								icon : 5,
								time : 2000
							});
							return false;
						}
					}

				});

			});

		})
	</script>
	<!--栏目缩略图上传-->
	<script>
		function upload() {
			var formData = new FormData();
			formData.append('images', $('#previewImg')[0].files[0]);
			//console.log(formData);
			layer.msg('图片上传中', {
				icon : 16
			});
			$.ajax({
				type : "post",
				processData : false,
				contentType : false,
				url : "xxx",
				data : formData,
				success : function(data) {
					if (data.status == 1) {
						console.log(data.image_name);
						layer.closeAll('loading');
						//layer.msg(data.info,{icon:1,time:1000});
						$("#pimages").attr('src', data.image_name);
						$("#avatar").val(data.image_name);
						$(".imgs").show();
						return false;
					} else {
						layer.msg(data.info, {
							icon : 2,
							time : 1000
						});
					}
				}
			});
		}
	</script>

</body>
</html>